<!-- FIND OLD CAR -->

<?php $this->lang->load('front/box_find_old'); ?>

<?php
$car_make = $this->pickup_model->get_car_makes();
$car_body_type = $this->pickup_model->get_pickup(3);
$car_fuel_type = $this->pickup_model->get_pickup(1);
$car_transmission = $this->pickup_model->get_pickup(2);
?>
<div class="grid_6">
    <div class="tabs tabs_var1">
        <ul class="nav">
            <li class="selected"><a style="width: 200px" href="#car_tab">Find New Car</a></li>
        </ul>
        <div class="clear"></div>
        <div class="tabs_1">
            <div id="car_tab" class="tab-content">
                <div class="inner" style="height:292px; overflow: hidden;">
                    <form id="form-main" method="post" action="<?= base_url(); ?>search/new_car">
                        <h2> Searching for a New Car ?</h2>
                        <div style="margin-bottom: 10px">
                            Find the right car for you, Helps you choose the right car for you
                        </div>    
                        <div class="rowElem">
                            <div class="fleft">
                                <label><strong><?= lang('Make') ?></strong></label>
                                <select name="car_make">
                                    <option value="0" selected><?= lang('Make') ?></option>
                                    <?php foreach ($car_make as $car_make): ?> 
                                        <option value="<?= $car_make->id; ?>"><?= $car_make->make; ?></option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            <div class="fleft marg_left">
                                <label><strong>Body Style</strong></label>
                                <div id="used_car_modeldiv">
                                    <select name="car_body_type">
                                        <option value="" selected="selected"> Select </option>
                                        <?php foreach ($car_body_type as $car_body_type): ?> 
                                            <option value="<?= $car_body_type->id; ?>"><?= $car_body_type->description; ?></option>
                                        <?php endforeach; ?>
                                    </select>  
                                </div>
                            </div>                                    
                            <div class="clear"></div>        
                        </div>
                        <div class="rowElem">
                            <div class="fleft">
                                <label><strong>Fuel Type</strong></label>
                                <select name="car_fuel_type">
                                    <option value="" selected="selected"> Select </option>
                                    <?php foreach ($car_fuel_type as $car_fuel_type): ?> 
                                        <option value="<?= $car_fuel_type->id; ?>"><?= $car_fuel_type->description; ?></option>
                                    <?php endforeach; ?>
                                </select>  
                            </div>
                            <div class="fleft marg_left">
                                <label><strong>Transmission</strong></label>
                                <div id="used_car_get_city">
                                    <select name="car_transmission">
                                        <option value="" selected="selected"> Select </option>
                                        <?php foreach ($car_transmission as $car_transmission): ?> 
                                            <option value="<?= $car_transmission->id; ?>"><?= $car_transmission->description; ?></option>
                                        <?php endforeach; ?>
                                    </select>  
                                </div>
                            </div>
                            <div class="clear"></div>                                            
                        </div>

                        <div class="rowElem">
                            <div class="fleft">
                                <label><strong>Budget (Maximum):</strong></label>
                                <input type="text" name="car_budget" name="" />
                            </div>
                            <div class="fleft marg_left">
                                <a onClick="document.getElementById('form-main').submit()" class="inline-block button_search color_1 bold"><span class="inline-block"> Search New Car !</span></a>
                            </div>
                            <div class="clear"></div>


                        </div>
                    </form>
                </div>
            </div>


        </div>
    </div>
</div> <!-- GRID_6 END HERE -->